<html>
	<head>
		<title>星级评分系统</title>
		<meta charset='Utf-8'>

	<style type="text/css">
	ul li {
		background: url(http://js.fgm.cc/learn/lesson4/img/star.png) no-repeat top left;
		width: 24px;
		height:19px;
		float: left;
		text-indent: -1000px;
		cursor: pointer;
	}

	ul li:hover {
		background-position: 0px -28px;
	}


	</style>
	</head>
	<body>
		<div id="content">
			<span>点击星星就能打分</span>
			<ul>
				<li><a href="##"></a></li>
				<li><a href="##"></a></li>
				<li><a href="##"></a></li>
				<li><a href="##"></a></li>
				<li><a href="##"></a></li>
			</ul>
		</div>



		<script>
			var stars = document.getElementsByTagName('li');
			function lightStar() {
				
			}
		</script>
	</body>


</html>